<template>
   <el-tabs v-model="activeName" type="card" >
    <el-tab-pane v-if="isShow" label="超级管理员" name="superAdmin">
      <Super ref="superAdmin"/>
    </el-tab-pane>
    <el-tab-pane v-if="isShow1" label="区管理员" name="regionAdmin">
      <RegionAdmin ref="regionAdmin"/>
    </el-tab-pane>
    <el-tab-pane v-if="isShow2" label="街道管理员" name="streetAdmin">
      <StreetAdmin ref="streetAdmin"/>
    </el-tab-pane>
    <el-tab-pane v-if="isShow3" label="小区管理员" name="communityAdmin">
      <CommunityAdmin ref="communityAdmin"/>
    </el-tab-pane>
    <el-tab-pane v-if="isShow4" label="防疫中心管理员" name="centerAdmin">
      <CenterAdmin ref="centerAdmin"/>
    </el-tab-pane>
    <el-tab-pane v-if="isShow4" label="方舱管理员" name="sheltersAdmin">
      <SheltersAdmin ref="sheltersAdmin"/>
    </el-tab-pane>
  </el-tabs>

 

  

</template>
<script>
import Super from "./Super"
import RegionAdmin from "./RegionAdmin"
import StreetAdmin from "./StreetAdmin"
import CommunityAdmin from "./CommunityAdmin"
import CenterAdmin from "./CenterAdmin"
import SheltersAdmin from "./SheltersAdmin"

  export default {
    components: { 
      Super,
      RegionAdmin,
      StreetAdmin,
      CommunityAdmin,
      CenterAdmin,
      SheltersAdmin
    },
    data() {
      return {
        activeName: 'superAdmin',
        isShow: true,
        isShow1: true,
        isShow2: true,
        isShow3: true,
        isShow4: true
      };
    }
  };
</script>